<#import "/jblog.html" as jblog/>
<@jblog.head title=blogCommon.blogTitle cssList=["/editormd/css/editormd.preview.min.css","/editormd/css/editormd.min.css"]/>
<body>
	<div class="container">
		<div class="columns page-header">
			<h1><a href="${rc.contextPath}/">${blogCommon.blogTitle}</a></h1>
		</div>
		<@jblog.navigation leftMenus = blogCommon.leftMenus rightMenus = blogCommon.rightMenus/>
		<div class="columns">
			<div class="block-body column three-fourths">
				<#list headArticles as article>
					<@jblog.archiveTitle data = article.html />
				</#list>
				<#list pagerArticles.data as article>
					<@jblog.article article = article />
				</#list>
				<#list footArticles as article>
					<@jblog.archiveTitle data = article.html />
				</#list>
				<#if (pagerArticles.totalPages > 1) >
					<@jblog.pagination urls=pagerArticles.urls current=pagerArticles.currentPage />
				</#if>
			</div>
			<div class="block-sidebar column one-fourth">
				<#list blogCommon.widgetList as widget>
					<#if widget.type = 11>
						<@jblog.widgetContent content = widget.html/>
					<#elseif widget.type = 12>
						<@jblog.tags tags = blogCommon.tags />
					<#elseif widget.type = 13>
						<@jblog.archive archives = blogCommon.archives />
					</#if>
				</#list>
			</div>
		</div>
	</div>
	<a href="#" title="回到顶部" style="display:none" class="am-icon-btn am-icon-arrow-up" id="goTop"></a>
	<@jblog.footer record = blogCommon.blogRecord/>
	<@jblog.otherJs jsList=
	["/resources/js/jquery.min.js"
	,"/resources/editormd/lib/marked.min.js"
	,"/resources/editormd/lib/prettify.min.js"
	,"/resources/editormd/editormd.min.js"]>
	$(function(){
		$(".markdown-body pre").addClass("prettyprint preety-scrool-bar");
        prettyPrint();
		if( $(".three-fourths").html().trim() == "")
			$(".three-fourths").html("&nbsp;");

		$('#goTop').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);return false;});
	});
	window.onscroll = function () {
	    if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
	        document.getElementById("goTop").style.display = "block";
	    }
	    else {
	        document.getElementById("goTop").style.display = "none";
	    }
	}
	</@jblog.otherJs>
</body>
</html>